/// <reference path="~/js/jquery.js" />
var phoneauto = true;
$(function () {
//最新公告
    jQuery(".txtScroll-left").slide({
        titCell: ".hd ul",
        mainCell: ".bd ul",
        autoPage: true,
        effect: "left",
        autoPlay: true,
        scroll: 1,
        vis: 5,
        trigger: "click"
    });
    carousel();
})
// 首页banner
function carousel(){
    var timer=0;
    var cur=0;//当前显示的图片下标
    var number=$(".banner ul li").size()-1;//最大下标
    //下一个
    function slideNext(){
        if(cur<number){
            $(".banner ul li").eq(cur).css({'z-index':10}).stop().fadeOut();
            $(".banner ul li").eq(cur+1).css({'z-index':20}).stop().fadeIn();
            $(".indicator a").removeClass().eq(cur+1).addClass("cur");
            cur++;
        }else{
            $(".banner ul li").eq(number).css({'z-index':10}).stop().fadeOut();
            $(".banner ul li").eq(0).css({'z-index':20}).stop().fadeIn();
            $(".indicator a").removeClass().eq(0).addClass("cur");
            cur=0;
        }
    }
    //上一个
    function slidePrev(){
        if(cur>0){
            $(".banner ul li").eq(cur).css({'z-index':10}).stop().fadeOut();
            $(".banner ul li").eq(cur-1).css({'z-index':20}).stop().fadeIn();
            $(".indicator a").removeClass().eq(cur-1).addClass("cur");
            cur--;
        }else{
            $(".banner ul li").eq(cur).css({'z-index':10}).stop().fadeOut();
            $(".banner ul li").eq(number).css({'z-index':20}).stop().fadeIn();
            $(".indicator a").removeClass().eq(number).addClass("cur");
            cur=number;
        }
    }
    //绑定定时器
//  timer=setInterval(slideNext,2000);
//  //当鼠标移入banner区域时，停止自动运行
//  $(".banner").mouseover(function(){
//      clearInterval(timer);
//  });
//  $(".banner").mouseout(function(){
//      timer=setInterval(slideNext,2000);
//  });
//  //左右箭头
//  $(".banner .next").click(function(){
//      slideNext();
//  });
//  $(".banner .prev").click(function(){
//      slidePrev();
//  });
//  //小圆点指示器
//  $(".indicator a").mouseover(function(){
//      var now=$(this).index();//获得鼠标移入的小圆点的下标
//      $(".indicator a").removeClass();
//      $(this).addClass("cur");
//      $(".banner ul li").eq(cur).css({'z-index':10}).stop().fadeOut();
//      $(".banner ul li").eq(now).css({'z-index':20}).stop().fadeIn();
//      cur=now;
//  });
}

//手机展示效果
$(function() {
    /*  二屏动画切换  */
    var blockCount = 0,
        iconCount = 0,
        ulWidth = $('#img_outer').width(),
        imgLength = $('#img_outer img').length,
        eachLiWidth = ulWidth / imgLength,
        imgTimer = null,
        imgTimer2 = null;

    function imgMove() {
        blockCount++;
        iconCount++;
        if (blockCount == imgLength) {
            blockCount = 1;
            $('#img_outer').css({
                'left': 0
            });
        }
        if (blockCount == (imgLength - 1)) {
            iconCount = 0;
        }
        $('#img_outer').stop().animate({
            'left': -blockCount * eachLiWidth
        }, 500);
        $('#icon_outer a').eq(iconCount).addClass('active').siblings().removeClass('active');
        $('.block_mess_outer .block_mess_each').eq(iconCount).show().siblings().hide();
        $('.phone_check_title p').eq(iconCount).show().siblings().hide();
    }

    imgTimer = window.setInterval(imgMove, 5000);

// left and right js
    $('.block_inner_btn').bind('click', function() {
        if ($(this).hasClass('btn_left')) {
            //左按钮
            blockCount--;
            iconCount--;
            if (blockCount == -1) {
                blockCount = imgLength - 2;
                iconCount = imgLength - 2;
                $('#img_outer').css({
                    'left': -eachLiWidth * (imgLength - 1)
                });
            }
            $('#img_outer').stop().animate({
                'left': -blockCount * eachLiWidth
            }, 500);
        } else {
            //右按钮
            blockCount++;
            iconCount++;
            if (blockCount == imgLength) {
                blockCount = 1;
                $('#img_outer').css({
                    'left': 0
                });
            }
            $('#img_outer').stop().animate({
                'left': -blockCount * eachLiWidth
            }, 500);
        }
        if (blockCount == (imgLength - 1)) {
            iconCount = 0;
        }
        $('#icon_outer a').eq(iconCount).addClass('active').siblings().removeClass('active');
        $('.block_mess_outer .block_mess_each').eq(iconCount).show().siblings().hide();
        $('.phone_check_title p').eq(iconCount).show().siblings().hide();
    });

// 文字下的4个小图标点击事件
    $('#icon_outer a').bind('click', function() {
        var thisIndex = $(this).index();
        blockCount = thisIndex;
        iconCount = thisIndex;
        $(this).addClass('active').siblings().removeClass('active');
        $('#img_outer').stop().animate({
            'left': -thisIndex * eachLiWidth
        }, 500);
        $('.block_mess_outer .block_mess_each').eq(thisIndex).show().siblings().hide();
    });

    $('#icon_outer').bind('mouseover', function() {
        window.clearInterval(imgTimer);
        window.clearInterval(imgTimer2);
    }).bind('mouseout', function() {
        imgTimer2 = window.setInterval(imgMove, 5000);
    });


    /*  二屏动画切换end  */
});
/******新增功能************/
// 鼠标移到图片上时，图片放大
$(".lib_img  img ").hover(
    function(){
        $(this).animate({
                width:"110%",height:"110%",top:"-5%",left:"-5%"},300
        );
    },
    function(){
        $(this).animate({
                width:"100%",height:"100%",top:"0",left:"0"},300
        );
    }
)

//选项卡的切换
$("dl dd >.lib_class").on("click","span",function(){
    var select_tab = $(this).parent().parent().parent().siblings();
    var _index =$(this).index();
    //console.log(_index);
    select_tab.hide();
    select_tab.eq(_index).show();
})




